<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>购物车</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/layout.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_3mgu42g42easjor.css">
    <style>
        .zero-tip {
            display: none;
            position: absolute;
            left: 50%;
            margin: 14rem 0 0 0;
            font-size: 14px;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            color: #999;
        }

        .cart-bg {
            display: none;
            position: absolute;
            left: 50%;
            margin: 10rem 0 0 0;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            width: 6rem;
            height: 6rem;
        }
        .modal{
            width: 10rem;
            margin-left: -5rem;
        }
        .modal-inner,.modal-button{
            font-size: 0.65rem;
        }
        .modal-button,.modal-buttons{
            height:1.75rem;
            line-height: 1.75rem;
        }
        .modal-button:first-child{
            border-right:1px solid #b5b5b5;
        }
        .modal-button:after{
            width: 0px;
        }

    </style>
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部部分 !-->
        <header class="bar bar-nav">
        <#--<a class="back">-->
        <#--<button class="button button-link button-nav pull-left backTo">-->
            <a class="icon icon-left pull-left" onclick="javascript:history.go(-1);">返回</a>
        <#--<span class="icon icon-left" ></span> 返回-->
        <#--</button>-->
        <#--</a>-->
            <button class="button button-link button-nav pull-right" id="editBtn">编辑</button>
            <h1 class="title">购物车</h1>
        </header>
        <!--内容部分 !-->
        <img src="${staticpath}/images/cart-bg.png" alt="购物车" class="cart-bg"/>

        <p class="zero-tip">购物车空空如也！</p>

        <div class="content cart-content">

        </div>
        <nav class="bar bar-tab account-bar-tab" id="tool-bar">
            <h4>合计：￥<span class="total-price">0.00</span></h4>
            <span data-url="${basepath}/front/order/toOrderDetailList" class="accountBtn g-pay">结算</span>
        </nav>
    </div>
    <input type="hidden" id="refreshed" value="no">
</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>
    $.config = {router: false}
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type="text/javascript" src="${staticpath}/front/dist/js/shoppingCart.js"></script>
<script>$.init()</script>
<script type='text/javascript'>
    onload = function () {
        var e = document.getElementById("refreshed");
        if (e.value == "no")
            e.value = "yes";
        else {
            e.value = "no";
            location.reload();
        }
    }
</script>
</body>

</html>
